<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }

        /* 方法1 */
        /* body{
            position: relative;
        }
        .left{
            width: 200px;
            position: absolute;
            height: 600px;
            border: 1px solid gold;
            left: 0;
            top: 0;
        }
        .right{
            width: 200px;
            position: absolute;
            height: 600px;
            border: 1px solid red;
            right: 0;
            top: 0;
        }
        .main{
            border: 1px solid blueviolet;
            margin: 0 200px;
        } */


        /*        
        .left{
            width: 200px;
            background: #ffbbff;
            float: left;
        }
        .right{
            width: 200px;
            background: #bfefff;
            float: right;
        }
        .main{
            background: #eeee00; */
        /* 第二种 */
        /* margin: 0 200px; */
        /* 第三种 */
        /* overflow: hidden;
        } */

        /* 第四种 */
        .left {
            width: 200px;
            background: #ffbbff;
            float: left;
        }

        .right {
            width: 200px;
            background: #bfefff;
            float: right;
        }

        .main {
            background: #eeee00;
            padding: 0 200px;
        }
    </style>
</head>

<body>
    <!-- 1 -->
    <!-- <div class="left">左</div>
        <div class="right">右</div>
        <div class="main">中间</div> -->


    <script>
        // // 2
        // let arr = [1,2,3,4,5,1,2,3]
        // let temp = []
        // for(i=0;i<arr.length;i++){
        //     if(temp.indexOf(arr[i]) == -1){
        //         temp.push(arr[i])
        //     }
        // }
        // console.log(temp)


        // function unique(arr) {
        //     let temp = [];
        //     arr.forEach(e => {
        //         if (temp.indexOf(e) == -1) {
        //             console.log(temp.indexOf(e))
        //             temp.push(e);
        //         }
        //     });

        //     return temp;
        // }
        // let arr = [1,2,3,4,5,1,2,3]
        // console.log(unique(arr))



        // 3
        // 次数
        // var str = "asrdtresaa";
        // let obj = {}
        // for(i=0;i<str.length;i++){
        //     var a = str.charAt(i)
        //     if(obj[a]){
        //         obj[a]++
        //     }else{
        //         obj[a] = 1
        //     }
        // }

        // console.log(obj)

        // 数组次数
        // var arr = ["2","4","a","a"]
        // let obj = {}
        // arr.forEach(e =>{
        //     if(obj[e]){
        //         obj[e]++
        //     }else{
        //         obj[e] = 1
        //     }
        // })

        // console.log(obj);

        // 字符串次数以及最多次数
        // var str = "fhjhdfhgg"
        // let obj = {}
        // for(i=0;i<str.length;i++){
        //     var a = str.charAt(i)
        //     if(obj[a]){
        //         obj[a]++
        //     }else{
        //         obj[a] = 1
        //     }
        // }

        // console.log(obj)

        // var max = 0;
        // var cs = ""
        // for(let key in obj){
        //     if(obj[key] > max){
        //         max = obj[key]
        //         cs = key
        //     }
        // }

        // console.log(max,cs)


        // 去重

        // indexOf() 方法可返回数组中某个指定的元素位置。
            // var arr = [1,2,3,12,2]
            // var temp = []
            // for(i=0;i<arr.length;i++){
            //     if(temp.indexOf(arr[i]) == -1){
            //         temp.push(arr[i])
            //     }
            // }

            // console.log(temp)

            var str = "hdgdggg"
            var  a = {}
            for(i=0;i<str.length;i++){
                var b = str.charAt(i)
                if(a[b]){
                    a[b]++
                }else{
                    a[b]=1
                }
            }
            console.log(a)

            var box = []
            for(let key in a){
                box.push(key)
            }
            console.log(box)
            box.map(Number);
            console.log(box)


            // var arr = ["1","2","4"]
            // console.log(arr.map(Number))

            var arr = [1,2,3]
            console.log(arr.map(String))




            var arr = [1,2,3]
            console.log(arr)
            // join() 方法用于把数组中的所有元素转换一个字符串。
            // split() 方法用于把一个字符串分割成字符串数组。
            console.log(arr.join("").split(""))

            var arr = ["1","2","3"]
            var a = []
            arr.forEach(e =>{
                // a.push(+e)
                a.push(Number(e))

            })
            // console.dir(Number(1))

            console.log(a)

    </script>
</body>

</html>